<!DOCTYPE HTML>
<html>
<head>
       <title>bootstrap网页</title>
	   <meta charset="utf-8">
	   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	   <!-- 新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="js/jquery-1.4.2.min.js"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="js/bootstrap.min.js"></script>
</head>
<body>
       <div class="container">
	        <div class="col-sm-6 col-sm-offset-3">
			     <form class="form-horizontal">
                    <div class="form-group">
					        <label for="username" class="col-sm-3 control-label">邮箱：</label>
							<div class="col-sm-9">
							<input type="text" class="form-control" name="username" placeholder="请输入你的邮箱"/>
							</div>
					</div>
					<div class="form-group">
					        <label for="password"  class="col-sm-3 control-label">密码：</label>
							<div class="col-sm-9">
							<input type="password" class="form-control" name="password" placeholder="请输入你的密码"/>
							</div>
					</div>
					<div class="form-group">
					        <label for="upload" class="col-sm-3 control-label">上传图片：</label>
							<div class="col-sm-9">
							<input type="file" name="upload"/>
							</div>
					</div>
					<div class="form-group">
                        <label  class="col-sm-3 control-label">兴趣爱好：</label>
						<div class="col-sm-9">  
								<label class="checkbox-inline" ><input type="checkbox"/>唱歌</label>
								<label class="checkbox-inline" ><input type="checkbox"/>跳舞</label>
								<label class="checkbox-inline" ><input type="checkbox"/>游泳</label>
								<label class="checkbox-inline" ><input type="checkbox"/>相声</label>
						</div>
					</div>
					<div class="form-group">
						<label  class="col-sm-3 control-label">学历：</label>
						<div class="col-sm-9">  
								<label class="radio-inline" ><input type="radio"/>大学</label>
								<label class="radio-inline" ><input type="radio"/>本科</label>
								<label class="radio-inline" ><input type="radio"/>大专</label>
								<label class="radio-inline" ><input type="radio"/>二专</label>
						</div>
					</div>
                    <div class="form-group">
					 <label  class="col-sm-3 control-label">个人简介：</label>
					 <div class="col-sm-9">
					 <textarea class="form-control" rows="5" placeholder="请输入你的个人介绍"></textarea>
					 </div>
					</div>
                    <div class="form-group">
							<div class="col-sm-9 col-sm-offset-3">
									<input type="submit" value="点击提交" class="btn btn-info"/>
						   </div>
					</div>
				 </form>
			</div>
	   </div>
</body>
</html>
